<!DOCTYPE html>
<html>
    <head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<title>取点工具</title>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
        <style type="text/css">
        	html,body,#main{
				height:100%;
				width:100%;
				margin:0;
				overflow:hidden;
			}
			.anchorBL{display:none}
			.toolBox{
				border:2px solid #FFFFFF;
				background:#08304A;
				color:#FFFFFF;
				width:15%;
				height:90%;
				margin:1% 2% 1% 1%;
				padding:1% 2% 2% 1%;
				z-index:10;
				position:absolute;
				border-radius:10px;
				font-size:10px
			}
			.toolBox2{
				width:75%;
				height:8px;
				margin:1% 2% 1% 20%;
				padding:1% 2% 2% 1%;
				z-index:10;
				position:absolute;
				border-radius:10px;
				font-size:10px;
				border:2px solid #FFFFFF;
				background:#08304A;
				color:#FFFFFF;
			}
        </style>
    </head>
    <body>
    	<div class="toolBox">
        	选择区域并设置中心点:</p>
            <input type="text" id="input_area"/> <input type="button" value="设置" onclick="button_jump()"/></p>
            标注点数据:</p>
            
            生成/解析数据格式:
            <select id="select_pointType">
            	<option value="bmap" selected>百度地图点格式</option>
                <option value="geo">geoCoord格式</option>
                <option value="normal">一般格式</option>
            </select></p>
            <textarea id="pointsData" style="width:100%;height:300px"></textarea></p>
            根据上面已有点数据/JS文件数据生成标注点:</p>
            <input type="button" onclick="button_createPoints()" value="生成标注点"/> 
            <input type="button" onclick="button_createPointsByJs()" value="js文件数据生成标注点"/></p>
            <span style="color:red">注：1. 标注点格式要满足相应解析格式, 如下</p>
            	百度地图点格式: “new BMap.Point(x1,y1),....”</p>
                geoCoord格式: “'1':[x1,y1],'2':[x2,y2]...”</p>
                一般点格式: “[x1,y1],[x2,y2]....”</p>
				2. 单击标注点可以将其从地图上删去</p>
				3. 点击地图生成的标注点为红色, 通过已有数据生成的为橘色
            </span></p>
            <a href="../index.jsp" >返回首页</a>
            
        </div>
        <div class="toolBox2">
        	<input id="b_start" type="button" onclick="button_setPoints()" value="开始标点"/>&nbsp;
            <input id="b_stop" type="button" onclick="button_stopSettingPoints()" value="停止标点" disabled="true"/>&nbsp;
            <input id="b_createPoly" type="button" onclick="button_createBoundary()" value="创建区块" disabled="true"/>&nbsp;
            <input id="b_createPoints" type="button" onclick="button_generatePointsData()" value="生成点数据" disabled="true"/>&nbsp;
            <input type="button" onclick="button_clearAll()" value="清空地图上所有覆盖物"/>
        </div>
    	<div id="main"></div>
    </body>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/pointsData.js"></script>
<script src="../js/pointsGetterTool.js"></script>
</html>